El modelo de caja CSS
El modelo de caja de CSS es básicamente una caja que envuelve cada elemento HTML. Consiste en: bordes, relleno (padding), márgenes y el contenido en sí.
Este texto es el contenido de la caja. Hemos añadido un padding de 50px, un margen de 20px y un borde verde de 15px. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Anchura y altura de un elemento
La imagen de arriba tiene un ancho de 350px. El ancho total de este elemento también es de 350px. La altura total de este elemento es de 80px.